@import 'vars.less';

html, body {
    height: 100%;
}

.layout {
    margin: 0 auto;
    max-width: 1400px;
    height: 100%;
    border-left: solid 1px @bg-color-disabled;
    border-right: solid 1px @bg-color-disabled;
}

.layout-content {
    min-height: 200px;
    margin: 0px;
    overflow: hidden;
    height: ~'calc(100% - 60px)';

    .navigate, .ivu-menu {
        height: 100%;
    }
}

.layout-inner-content {
    margin-left: @nav-width;
    height: 100%;

    .layout-content-main {
        height: 100%;
        padding: @break-height @break-width @break-height @break-width;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

.navigate {
    float: left;
    width: @nav-width;
    overflow-y: auto;
}
